<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="{{__PUBLIC__}}/Home/css/css1.css"/>
		<link rel="stylesheet" type="text/css" href="{{__PUBLIC__}}/Home/css/content.css"/>
		<script type="text/javascript" src="{{__PUBLIC__}}/Home/js/jquery-1.7.2.min.js"></script>
		<!--<script type="text/javascript" src="{{__PUBLIC__}}/Home/js/js.js"></script>-->
		<script type="text/javascript" src="{{__PUBLIC__}}/Home/js/content.js"></script>
	</head>
	<body>
		<div id="top">
			<div class="top_top">
				<a class="register">登录</a>
				
				<a class="login">注册</a>
				<!--购物车-->
				<div class="buycar">
					<a href="" class="buyC">购物车<span class="jian">0</span>件</a>
					<div class="buyM"></div>
				</div>
				<!--我是logo。-->
				<a href="" class="logo"><img src="{{__PUBLIC__}}/Home/images/wosai.png"/></a>
			</div>
			<!--中线开始-->
			<div class="median"></div>
			<!--中线结束-->
			<!--市集 新品 热卖闪购 定制动态画报 开始-->
			<div class="top_bottom">
				<ul class="navigation">
					<li class="shouye"><a href="{{U('Index/index')}}"></a></li>
					<li><a href="{{U('Cate/index')}}">市集</a></li>
					
				</ul>
				<!--搜索-->
				<div class="sousuo">
					<form action="" method="post" class="">
						<input type="text" name="" id="" value="" placeholder="请输入要搜索的关键词" class="inp"/>
						<a href="" class="fangda"></a>
					</form>
				</div>
				
			</div>
		</div>
		
		<!--内容大块-->
		<div class="con_kuai" style="position: relative;">
			
			<!--内容大块左边的-->
			<div class="con_kuai_l">
				<div class="con_dzy">
					<div class="con_anz">
						<a href="javascript:;">最爱排行</a>
						<a href="javascript:;" class="green_line">热销排行</a>
					</div>
				</div>
				
				<div class="con_paihang">
					{{foreach from="$li" value="$v"}}
					<div class="con_shangping">
						<div class="con_sp_l">
							<img src="{{$v['pic']}}" alt="" />
						</div>
						<div class="con_sp_r">
							<a href="">{{$v['gname']}}</a>
							<p>￥{{$v['shopprice']}}.00</p>
						</div>
					</div>
					{{endforeach}}
				</div>
				<div class="con_paihang" style="position: absolute;top: 40px;left: 0px;display: none;">
					<p style="font-size: 12px;color: #5C5C5C;font-family: "微软雅黑";">暂无商品</p>					
				</div>
			</div>
			
			<!--内容大块右边的-->
			<div class="con_kuai_r">
				
				<div class="con_kuai_r_l">
					<img src="{{$data['imgs']}}"/ class="con_tunr">
				</div>
				
				<div class="con_kuai_r_r">
					<h2 class="con_h2wenz">{{$data['gname']}}</h2>
					<!--价格-->
					<p class="con_jiagep">
						<span class="con_jgwenzi">价&nbsp&nbsp&nbsp 格：</span>
						<span class="con_qwenzi">￥{{$data['shopprice']}}.00</span>
					</p>
					<!--评论-->
					<p class="con_pinglun">
						<span class="con_pjwenzi">点击量：</span>
						<span class="con_hpl">{{$data['click']}}</span>
					</p>





					<script type="text/javascript">
					$(function(){
						$('.con_ulsml li').click(function(){
//							alert(1);
                         var len = $('.guigeborder').length;
//							点击规格添加class
							$(this).addClass('guigeborder').siblings().removeClass('guigeborder');
							
//							当前li属性里的gid
							var gid = $(this).attr('gid');
//							声明对象
							var gtid = {};
//							循环压入属性gtid
							$.each($(".guigeborder"),function(k,v){
								gtid[k] = $(this).attr('gtid');
							});
//							组成对象
							var data = {
								'gid' : gid,
								'gtid' : gtid
							}

							
							if(len==1){
								$.ajax({
	//								请求方式
									type:"post",
//									请求地址
									url:"{{U('getAjax')}}",
									data:data,
									dataType:'json',
									success:function(phpData){
										$("#limit_num").html(phpData.count);
									}
								});
							}
						})
					})
						
					</script>
					
					
					




					
					<!--规格-->
					{{foreach from="$Temp" value="$v"}} 
					<div class="con_ccun">  
						<span class="con_cma">{{$v['name']}}：</span>
						<ul class="con_ulsml">
							{{foreach from="$v['value']" key="$k" value="$vv"}}
								<li class="con_lis" gtid="{{$vv['gtid']}}" gid="{{$_GET['gid']}}">{{$vv['gtvalue']}}</li>
							{{endforeach}}
						</ul>
					</div>
					{{endforeach}}
					
					<div class="num" style="width: 347px;height: 22px;">
						<dl class="goods_info_right_guige_one" style="margin-top:3px; ">
										<dt style="position: absolute;left: 722px;top: 265px;font-size: 12px;color: #5C5C5C;font-family: "微软雅黑";">
											购买数量：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
										</dt>
										<dd style="margin-top:13px;">
											<span class="gmsl_jian_but">
												<p class="jian" style="position: absolute;left: 793px;top: 260px;">
													-
												</p>
											</span>
											<input style="width: 42px;height: 22px;border: 1px solid #C8C9CE;text-align: center;line-height: 22px;position: absolute;left: 815px;top: 260px;" type="text" class="num_input" id="quantity" value="1" />
											<span class="gmsl_jia_but">
												<p class="jia" style="position: absolute;left: 875px;top: 260px;">
													+
												</p>
											</span>
											<span style="margin-left:9px; color:#8b8a8a;position: absolute;left: 900px;top: 263px;font-size: 12px;">
												库存
												<span id="limit_num">{{$data['gnumber']}}</span>
												{{$data['unit']}}
											</span>
										</dd>
									</dl>
					</div>
					
					
					
					<!--加入购物车-->
					<div class="con_crgwc" style="position: absolute;top: 300px;left: 720px;">
						<a href="{{U('Shop/index')}}" class="con_crwenzi">加入购物车</a>
					</div>					
				</div>
				<p style="position: absolute;top: 520px;left: 300px;width: 828px;height: 50px;font-size: 30px;color: #999999;font-weight: 400;line-height: 50px;text-align: center; font-family: "Microsoft Yahei",微软雅黑;">商品详情</p>
				<div class="con_da" style="width: 828px;height: 8000px;position: absolute;top: 580px;left: 300px;">
					{{$data['intro']}}
				</div>
			</div>
			
		</div>

		
		<!--更多精彩-->
		<div class="gdjc">
			<div class="box1100">
				<div class="kuai_1">
					<p class="gdjc_p">更多精彩</p>
					<ul>     
						<li><a href="">闪购</a></li>
						<li><a href="">新品</a></li>
						<li><a href="">热卖</a></li>
						<li><a href="">礼物</a></li>
						<li><a href="">品牌</a></li>
					</ul>
				</div>
				<div class="kuai_2">
					<p class="gdjc_p">我们承诺</p>
					<ul>      
						<li><a href="">100％原创设计</a></li>
						<li><a href="">365天不打烊</a></li>
						<li><a href="">无理由退换货 ( 除定制 )</a></li>
						<li><a href="">担保交易 </a></li>
						<li><a href="">先行赔付</a></li>
						<li><a href="">支持定制</a></li>
					</ul>					
				</div>
				<div class="kuai_3">
					<p class="gdjc_p">在这里关注我们</p>	
					<ul>
						<li class="x_wb"><a href="">新浪微博</a></li>
						<li class="t_wb"><a href="">腾讯微博</a></li>
						<li class="db_wb"><a href="">豆瓣小站</a></li>
						<li class="rr_wb"><a href="">人人小站</a></li>
						<li class="ws_wb"><a href="">哇噻网官方微信</a></li>
					</ul>
				</div>
				<div class="kuai_4">
					<a href=""><img src="{{__PUBLIC__}}/Home/images/edCode.png"/></a>
				</div>
			</div>
		</div>	
		<!--蓝色块-->
		<div class="lanse">
			<p class="gddz">高端定制上哇噻网</p>
			<div class="women">					
				<a href="">关于我们</a>
				<a href="">联系我们</a>
				<a href="">媒体报道</a>
				<a href="">创意画报</a>
				<a href="">招贤纳士</a>
				<a href="">版权保护</a>
				<a href="">用户条款</a>
				<a href="">隐私声明</a>
				<a href="">友情链接</a>
				<a href="">网站地图</a>
				<a href="">帮助中心</a>
				<a href="">手工客</a>
			</div>
			<p class="beij">北京光年创艺信息技术有限公司 WowSai.com Copyright© 2008-2013 [京ICP备10020900][京公网安备11010502026420][京ICP证090011号]</p>
			<div class="jingc">
				<a href="" ><img src="{{__PUBLIC__}}/Home/images/108_40_cart.png"/ class="jtu"></a>
				<a href="" ><img src="{{__PUBLIC__}}/Home/images/ws_safe_icon.png"/ class="jtu"></a>
				<a href="" ><img src="{{__PUBLIC__}}/Home/images/cnnic.png"/ class="jtu"></a>
			</div>
		</div>
	</body>
</html>
